import { StoryFn } from '@storybook/react';
import { {{ pascalCase name }}{{#if hasProps}}, {{ pascalCase name }}Props{{/if}} } from './{{ camelCase name }}.component';

{{#if hasProps}}
const Template: StoryFn<{{ pascalCase name }}Props> = (args) => {
  return <{{ pascalCase name }} {...args} />;
};
{{else}}
const Template: StoryFn = () => {
  return <{{ pascalCase name }} />;
};
{{/if}}

export default {
  title: '{{ storyTitleNamespace }}{{ pascalCase name }}',
  component: {{ pascalCase name }},
};

export const Default = Template.bind({});
{{#if hasProps}}
Default.args = { children: 'text' };
{{/if}}
